<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>title</title>
    <script src="bower_components/react/react.js"></script>
    <script src="bower_components/react/react-dom.min.js"></script>
    <script src="bower_components/react/browser.min.js"></script>
    <link rel="stylesheet" href="css/bassic.css"/>
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css"/>
</head>

<body>
<div class="App">
    <div class="service-header">
                    <span class="service_l">
                        <i class="iconfont left">&#xe614;</i>
                    </span>
        <span class="service_h">
                        账户名与安全
                    </span>
        <span class="service_d">

        </span>
    </div>




    <div class="account-content">
        <div class="account-list" style="margin-top:1rem;"><a href="#" class="account-title">头像     <img class="face" src="img/user_30.png"/> </a></div>
        <div class="account-list"><a href="#" class="account-title">用户名   <span class="username">3331</span>  </a></div>
        <div class="account-list"><a href="#" class="account-title"><span class="account-bind">账号绑定</span>  </a></div>
       
        <div class="account-list" style="margin-top:1rem;"><a href="#" class="account-title">手机   <span class="telphone">13567804375</span>  </a></div>
        <div class="account-list"><a href="#" class="account-title">微信   <span class="bind">未绑定</span>  </a></div>
        <div class="account-list"><a href="#" class="account-title">QQ   <span class="bind">未绑定</span>  </a></div>
        <div class="account-list"><a href="#" class="account-title">微博   <span class="bind">未绑定</span>  </a></div>
        <div class="account-list"><a href="#" class="account-title">淘宝   <span class="bind">未绑定</span>  </a></div>
        
        <div class="account-list" style="margin-top:1rem;"><a href="#" class="account-title"><span class="account-bind">安全设置</span>  </a></div>
        <div class="account-list"><a href="#" class="account-title">密码登录 <span class="bind">未设置</span>  </a></div>
    </div>

</div>





<script type="text/babel">

</script>

</body>
</html>
